<template>
	<i class="icon">
		<svg  width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<path v-if="className == 'info'" d="M17.848875,10.5123333 L18.8177917,11.4876667 L11.89375,18.3626667 L11.578875,18.0455 L11.8955833,18.3654167 L10.9285,18.3654167 L10.9285,17.3905417 L10.9252917,17.3873333 L17.848875,10.5123333 L17.848875,10.5123333 Z M16.0416667,3.66666667 C16.8010582,3.66666667 17.4166667,4.28227514 17.4166667,5.04166667 L17.4166667,9.16666667 L16.0416667,10.5416667 L16.0416667,5.04166667 L5.95833333,5.04166667 L5.95833333,16.9583333 L9.625,16.9583333 L8.25,18.3333333 L5.95833333,18.3333333 C5.1989418,18.3333333 4.58333333,17.7177249 4.58333333,16.9583333 L4.58333333,5.04166667 C4.58333333,4.28227514 5.1989418,3.66666667 5.95833333,3.66666667 L16.0416667,3.66666667 Z M11.4583333,9.16666667 L11.4583333,10.5416667 L7.79166667,10.5416667 L7.79166667,9.16666667 L11.4583333,9.16666667 Z M14.2083333,6.41666667 L14.2083333,7.79166667 L7.79166667,7.79166667 L7.79166667,6.41666667 L14.2083333,6.41666667 Z" id="形状" fill="currentColor"></path>
			
			<path v-if="className == 'download'" d="M15.125,7.33333333 L16.5,7.33333333 C17.2593915,7.33333333 17.875,7.9489418 17.875,8.70833333 L17.875,16.5 C17.875,17.2593915 17.2593915,17.875 16.5,17.875 L5.5,17.875 C4.74060847,17.875 4.125,17.2593915 4.125,16.5 L4.125,8.70833333 C4.125,7.9489418 4.74060847,7.33333333 5.5,7.33333333 L6.875,7.33333333 L6.875,8.70833333 L5.5,8.70833333 L5.5,16.5 L16.5,16.5 L16.5,8.70833333 L15.125,8.70833333 L15.125,7.33333333 Z M11.7993333,2.77291667 L11.80025,10.2377917 L13.3902083,8.647375 L14.361875,9.6195 L11.1214583,12.860375 L7.88058333,9.61995833 L8.85270833,8.647375 L10.4247917,10.2194583 L10.4247917,2.77291667 L11.7997917,2.77291667 L11.7993333,2.77291667 Z" id="形状" fill="currentColor"></path>
			
			<path v-if="className == 'template' " d="M5.95833333,6.41666667 L5.95833333,16.9583333 L15.3541667,16.9583333 L15.3541667,18.3333333 L6.64583333,18.3333333 C5.54452402,18.3333333 4.63750891,17.4680865 4.585625,16.368 L4.58333333,16.2708333 L4.58333333,6.41666667 L5.95833333,6.41666667 Z M16.1159167,3.67125 C16.8753082,3.67125 17.4909167,4.28685847 17.4909167,5.04625 L17.4909167,14.7409167 C17.4909167,15.5003082 16.8753082,16.1159167 16.1159167,16.1159167 L6.87041667,16.1159167 L6.87041667,5.04625 C6.87041667,4.28685847 7.48602514,3.67125 8.24541667,3.67125 L16.1159167,3.67125 L16.1159167,3.67125 Z M16.1159167,5.04625 L8.24541667,5.04625 L8.24541667,14.7409167 L16.1159167,14.7409167 L16.1159167,5.04625 L16.1159167,5.04625 Z M14.183125,7.76141667 L15.1502083,8.73858333 L11.4954583,12.3566667 L9.5975,10.4591667 L10.5691667,9.48704167 L11.5000417,10.4174583 L14.183125,7.76141667 L14.183125,7.76141667 Z" id="形状" fill="currentColor"></path>
			
			<path v-if="className == 'remove'" d="M7.32645833,8.47916667 L7.92275,16.9322083 L13.7628333,16.9322083 L14.3586667,8.47916667 L15.7359583,8.47916667 L15.1341667,17.0289167 C15.0834027,17.7488916 14.4845957,18.307071 13.7628333,18.3072083 L7.92275,18.3072083 C7.20082316,18.3070541 6.60195154,17.7486143 6.55141667,17.0284583 L5.94870833,8.47916667 L7.32645833,8.47916667 Z M10.319375,8.90495833 L10.319375,15.321625 L8.944375,15.321625 L8.944375,8.90495833 L10.319375,8.90495833 Z M12.8333333,8.90495833 L12.8333333,15.321625 L11.4583333,15.321625 L11.4583333,8.90495833 L12.8333333,8.90495833 Z M3.89583333,6.1875 L17.6458333,6.1875 L17.6458333,7.5625 L3.89583333,7.5625 L3.89583333,6.1875 Z M13.638625,3.89583333 L13.638625,5.27083333 L8.138625,5.27083333 L8.138625,3.89583333 L13.638625,3.89583333 Z" id="形状" fill="currentColor"></path>

			<path v-if="className == 'look'" d="M11,5.04166667 C13.8347917,5.04166667 16.4193333,6.77141667 18.7531667,10.2309167 C19.0467486,10.6661778 19.0668441,11.2306299 18.8049583,11.6856667 L18.7531667,11.7690833 L18.623,11.9592917 C16.3235417,15.2918333 13.7820833,16.9583333 11,16.9583333 C8.16520833,16.9583333 5.58066667,15.2285833 3.24683333,11.7690833 C2.95325136,11.3338222 2.93315588,10.7693701 3.19504167,10.3143333 L3.24683333,10.2309167 L3.377,10.0407083 C5.67645833,6.70816667 8.21791667,5.04166667 11,5.04166667 Z M11,6.41666667 C8.72758333,6.41666667 6.57341667,7.82925 4.51275,10.81575 L4.38670833,11 L4.51320833,11.1847083 C6.57570833,14.172125 8.72941667,15.5833333 11,15.5833333 C13.2724167,15.5833333 15.4265833,14.17075 17.48725,11.18425 L17.6132917,11 L17.4867917,10.8152917 C15.4242917,7.827875 13.2705833,6.41666667 11,6.41666667 Z M13.6635107,9.59017512 C14.2148189,10.536106 14.2148189,11.7054357 13.6635107,12.6513665 C13.1122025,13.5972974 12.0947809,14.1736526 11,14.1602083 C9.33592223,14.1397729 7.99765854,12.7849741 7.99765854,11.1207708 C7.99765854,9.45656758 9.33592223,8.10176871 11,8.08133333 C12.0947809,8.06788909 13.1122025,8.64424427 13.6635107,9.59017512 Z M9.53536075,10.2804763 C9.23182894,10.7995569 9.23182894,11.4419848 9.53536075,11.9610654 C9.83889256,12.480146 10.3987707,12.7951858 11,12.7852083 C11.908476,12.7701321 12.6370452,12.029372 12.6370452,11.1207708 C12.6370452,10.2121697 11.908476,9.47140954 11,9.45633333 C10.3987707,9.44635589 9.83889256,9.76139565 9.53536075,10.2804763 Z" id="形状" fill="currentColor"></path>		
		
			<polygon v-if="className == 'add'" id="路径" fill="currentColor" points="8.5 3.33333333 8.5 7.5 12.6666667 7.5 12.6666667 8.5 8.5 8.5 8.5 12.6666667 7.5 12.6666667 7.5 8.5 3.33333333 8.5 3.33333333 7.5 7.5 7.5 7.5 3.33333333"></polygon>

			<polygon v-if="className == 'select'" id="路径" fill="currentColor" points="12.6666667 7.5 12.6666667 8.5 3.33333333 8.5 3.33333333 7.5"></polygon>
			
		</svg>
		
	</i>
</template>

<script>
	export default {
		props:{
			className:{
				type:String,
				default:''
			}
		},
		setup(props,ctx){
			
			return {
				className:props.className
			}
		}
	}
</script>

<style lang="scss" scoped>
	i {
		color:#000;font-size:24px;
		svg {
			width:1em;height:1em;
		}
	}
	/*
	 *  自己添加的样式
	 */
	i:hover{
		color: red;
	}
</style>
